import { StyleSheet } from "react-native";
import { Color } from "../common";

const transferStyles = StyleSheet.create({
  settlementTab: {
    position: "relative",
    width: "100%",
    height: 45,
    borderBottomWidth: 1,
    borderBottomColor: "#f2f2f2",
    backgroundColor: "#fff",
    flexDirection: "row"
  },
  settlementItem: {
    position: "relative",
    flex: 1,
    height: 45,
    lineHeight: 45
  },
  item: {
    position: "relative",
    width: "100%",
    height: 43,
    textAlign: "center",
    lineHeight: 45
  },
  itemActive: {
    color: Color
  },
  itemActiveBottom: {
    position: "absolute",
    zIndex: 9,
    left: "25%",
    bottom: 0,
    width: "50%",
    height: 2,
    backgroundColor: Color
  },
  activeBefore: {
    position: "absolute",
    bottom: 0,
    left: "50%",
    marginLeft: -50,
    width: 100,
    height: 2,
    backgroundColor: Color
  },
  settlementItemContainer: {
    position: "relative",
    width: "100%",
    height: 45,
    lineHeight: 45,
    paddingLeft: 10,
    paddingRight: 10,
    backgroundColor: "#fff",
    borderBottomColor: "#f2f2f2",
    borderBottomWidth: 1,
    flexDirection: "row"
  },
  settlementLeftOrRight: {
    zIndex: 9,
    top: 0,
    height: 45,
    lineHeight: 45
  },
  settlementLeft: {
    left: 10
  },
  settlementRight: {
    right: 10
  },
  rightA: {
    color: Color
  },
  input: {
    flex: 1,
    // height: 45,
    // lineHeight: 45,
    paddingRight: 10,
    paddingLeft: 10,
    color: "#000"
  },
  inputWhole: {
    paddingLeft: 0,
    paddingRight: 0
  },
  inputVerify: {
    paddingLeft: 0
  },
  button: {
    position: "absolute",
    zIndex: 9,
    width: 80,
    height: 25,
    right: 10,
    top: 10,
    backgroundColor: Color,
    color: "#fff",
    borderRadius: 5,
    overflow: "hidden"
  },
  settlementConfirm: {
    marginTop: 15,
    marginBottom: 15,
    width: "90%",
    marginLeft: "5%",
    height: 40,
    backgroundColor: Color,
    borderRadius: 8,
    overflow: "hidden",
    fontSize: 14,
    color: "#fff",
    lineHeight: 40,
    textAlign: "center"
  },
  tranferTip: {
    position: "relative",
    overflow: "hidden",
    paddingLeft: 10,
    paddingRight: 10,
    marginTop: 20,
    marginBottom: 10,
    flexDirection: "row"
  },
  tranferSpan: {
    fontSize: 14
  },
  tranferText: {
    color: Color
  },
  addressTypeSelect: {
    height: 35,
    flexDirection: "row",
    // borderColor: "#f2f2f2",
    // borderWidth: 1
  },
  addressTypeSelectItem: {
    height: 35,
    lineHeight: 35,
    flexDirection: "row",
    alignItems: "center",
    paddingLeft: 10,
    paddingRight: 10,
    fontSize: 13
  }
});

export default transferStyles;
